@import "theme";
.search-bar{
  .rem(height,70);
  position: relative;
  .padding-top(30);
  background-color: #63d9f3;
  .search-bar-tool{
    background-color: white;
    position: absolute;
    .width(320);
    .right(20);
    .bottom(15);
    .height(40);
    color: white;
    overflow: hidden;

    i{
      position: absolute;
      .top(0);
      .left(8);
      color: #777777
    }
    input{
      background: none;
      border: 0;
      .height(20);
      .rem(line-height,20);
      width: 80%;
      position: absolute;
      .left(23);
      .top(10);
      color: #888;
      .font-size(14);

      &:focus{
        border: 0;
        box-shadow: none;
        outline:none;
      }
      &:-ms-input-placeholder,&::-webkit-input-placeholder,&:-moz-placeholder,&::-moz-placeholder{
        text-align: center;
        color: #ccc;
      }
    }
    .go-search{
      .padding(0 ,20);
      display: block;
      position: absolute;
      right: 0;
      .line-height(40);
      .height(40);
      .font-size(14);
    }
  }

}